
.search {
    .body {
        padding: 24px 0;

        .box {
            padding-left: 18px;
            padding-bottom: 16px;
        }

        .input-row {
            height: @input-height-base;
            width: 510px;
            margin-bottom: 10px;

            .row-el {
                margin-top: 3px;
                margin-right: 10px;
            }
        }

        input[type=text] {
            display: inline-block;
            width: 470px;
        }

        #sd-text-search {
            &:not(.clear) {
                margin-left: 8px;
            }

            &.clear {
                width: 100%;
            }
        }

        #sd-text-replace, #search-label-replace {
            margin-left: 39px;
        }

        #search-label-replace {
            padding-top: 3px;
        }

        .btn.normal {
            width: 100px;

            &.iconic {
                width: 45px;
                padding-top: 2px;

                span.icon {
                    display: inline-block;
                    width: 16px;
                    height: 16px;

                    &.back {
                        background-position: @search-dlg-offset-x @search-dlg-offset-y;
                    }

                    &.next {
                        background-position: @search-dlg-offset-x @search-dlg-offset-y - 16px;
                    }
                }
            }

            &.right {
                float: right;
            }
        }

        .separator.horizontal {
            width: 100%;
        }

        .footer {
            padding: 20px;
            &.right {
                text-align: right;
            }
        }
    }
}

.search-bar {
    z-index: 950;
    .box {
        padding: 15px;
        display: flex;
        .search-input-group {
            display: flex;
            position: relative;
            input[type=text] {
                width: 192px;
                .padding-x(3px, 25px);
            }
            #search-bar-results {
                position: absolute;
                right: 0;
                height: 100%;
                line-height: 22px;
                padding: 0 4px;
                color: @text-secondary-ie;
                color: @text-secondary;
                .rtl & {
                    right: auto;
                    left: 0;
                }
            }
        }
        .tools {
            display: flex;
            align-items: center;
            div {
                .margin-left-5();
                &:first-of-type {
                    .margin-left-7();
                }
            }
        }
    }
}

.search-panel {
    display: table;
    position: relative;
    border-collapse: collapse;
    line-height: 15px;

    > div {
        display: table-row;
    }

    #search-header {
        position: absolute;
        height: 45px;
        left: 0;
        top: 0;
        right: 0;
        padding: 12px;
        overflow: hidden;
        border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
        border-bottom: @scaled-one-px-value solid @border-toolbar;

        label {
            .font-size-medium();
            .font-weight-bold();
            margin-top: 2px;
        }
    }

    #search-adv-settings {
        position: relative;
        padding: 10px 15px 0 15px;

        table {
            width: 100%;
        }

        .padding-small {
            padding-bottom: 8px;
        }

        .padding-large {
            padding-bottom: 14px;
        }

        #search-adv-results-number {
            padding-top: 2px;
            width: calc(100% - 48px);
            color: @text-secondary-ie;
            color: @text-secondary;

            .search-again {
                color: @text-secondary;
                cursor: pointer;
                text-decoration: underline;
            }
        }

        .search-nav-btns {
            display: inline-block;

            div {
                display: inline-block;
            }
            #search-adv-back {
                margin-right: 4px;
            }
        }

        .btn-text-default {
            display: inline-block;
            width: auto;
        }

        #search-adv-replace {
            min-width: 62px;
        }

        #search-adv-replace-all {
            min-width: 78px;
        }
    }

    .search-options-block {
        display: none;
    }

    #open-search-options {
        cursor: pointer;
        .margin-left-15();

        .search-options-txt {
            display: inline-block;
            padding: 5px 0;
        }

        .search-options-caret {
            width: 24px;
            height: 24px;
            background-position: 3px -270px;
            display: inline-block;
            position: absolute;
            left: 0;
            cursor: pointer;
            .margin-left-8();

            .rtl & {
                left: unset;
                right: 0;
            }
        }

    }

    #search-options {

        label {
            margin-top: 6px;
            &:not(:first-of-type) {
                margin-top: 8px;
            }
        }
    }

    .no-expand {
        #search-options {
            display: none;
        }
        .search-options-caret {
            transform: rotate(270deg);

            .rtl & {
                transform: rotate(90deg);
            }
        }
    }

    #search-results {
        position: relative;
        width: 100%;
        border-top: @scaled-one-px-value-ie solid @border-toolbar-ie;
        border-top: @scaled-one-px-value solid @border-toolbar;
        overflow: hidden;

        .item {
            padding: 6px 15px;
            word-break: break-all;
            cursor: pointer;

            &:hover {
                background-color: @highlight-button-hover-ie;
                background-color: @highlight-button-hover;
            }
            &.selected {
                background-color: @highlight-button-pressed-ie;
                background-color: @highlight-button-pressed;
                color: @text-normal-pressed-ie;
                color: @text-normal-pressed;
            }

            b {
                font-style: italic;
            }
        }

        .many-results {
            padding: 6px 30px 0;
            text-align: center;
            color: @text-secondary-ie;
            color: @text-secondary;
        }

        .ps-scrollbar-y-rail {
            &.set-left {
                right: 11px !important;
                .rtl & {
                    left: 11px !important;
                    right: auto !important;
                }
            }
        }
    }

    #search-container {
        position: absolute;
        overflow: hidden;
        top: 45px;
        left: 0;
        right: 0;
        bottom: 0;
    }

}